<template>
  <div>
    <article-list-base></article-list-base>
    <mybutton @click="isCreated = !isCreated">生命周期组件</mybutton>
    <life v-if="isCreated"></life>
  </div>
</template>
<script>
import ArticleListBase from "../lesson12/articleListBase.vue";
import Mybutton from "../lesson8/mybutton.vue";
import Life from "./life.vue";
export default {
  components: { Mybutton, ArticleListBase, Life },
  data() {
    return {
      isCreated: false,
    };
  },
};
</script>
<style scoped>
</style>